<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="js/jquery/jquery-1.8.3.js"></script>
<script type="text/javascript"
	src="js/jquery/jquery-ui-1.9.2.custom.min.js"></script>
<script type="text/javascript" src="js/jquery/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="js/LNDY.js"></script>
<script type="text/javascript" src="js/selector.js"></script>
<script type="text/javascript" src="js/laundry.js"></script>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css"
	href="css/smoothness/jquery-ui-1.9.2.custom.css" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>The Laundry Room</title>
</head>
<body>
	<img id="lndryBackgroundImage" src="images/bg_laundry.jpg">
	<div id="header">
		<div id="roomLogo">
			<div id="programHeaderText">The Laundry and Dry Clean Program</div>
		</div>
	</div>

	<div id="mainContainer">

		<div id="loginArea">
			<form name="FormLogin">
				<fieldset id="loginFieldset" style="width: auto;">
					<legend>Sign on to Laundry System:</legend>
					<p>
						Username: <input id="usernameInput" class="textbox" type="text"
							name="Element1" />
					<div id="usernameInfo"></div>
					</p>
					<p>
						Password: <input id="passwordInput" class="textbox" type="text"
							name="Element2" />
					<div id="passwordInfo"></div>
					</p>
					<input id='signonBtn' type="button" value="SignOn"
						onclick="signOnToLaundrySystem()" /> <input id='registerBtn'
						type="button" value="Register" onClick="test()" />
				</fieldset>
			</form>
		</div>

		<div id="mainMenuArea" class="none_display">
			<div id="mainMenuText" class="menuTopic">Main Menus</div>
			<div id="memberMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>สมาชิก</span>
			</div>
			<div id="newCustMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>ลูกค้าทั่วไป</span>
			</div>
			<div id="trackingMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>ตรวจสอบสถานะ</span>
			</div>
			<div id="turnoverMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>ผลประกอบการ</span>
			</div>
			<div id="priceSettingMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>ตั้งค่าราคา</span>
			</div>
			<div id="defaultSettingMenu" class="btn_menu">
				<img class="icon_menu" src="images/tools_32.png"> <span>กำหนดค่าเริ่มต้น</span>
			</div>

		</div>

	</div>
</body>
</html>